* {
  padding: 0;
  margin: auto;
}
html,
body {
  height: 100%;
}
#contain {
  margin-top: 20px;
  width: 100%;
}
#contain #allcontainright {
  width: 22%;
  margin-right: 5%;
  float: right;
}
#contain #allcontainright p {
  margin-left: 10%;
  margin-top: 10px;
  width: 90%;
}
#contain #allcontainrighttop:hover {
  background-color: #f6f6f6;
}
#contain #containleft {
  width: 65%;
  float: left;
  margin-left: 2%;
}
#contain #containleft #allvideocontain {
  width: 100%;
  height: 95%;
  margin-top: 15px;
  margin-left: 2%;
}
#contain #containleft #allvideocontain div {
  width: 100%;
  height: 260px;
}
#contain #containleft #allvideocontain div p {
  margin-left: 24%;
  margin-top: 20px;
}
#contain #containleft #allvideocontain:hover {
  background-color: #f6f6f6;
}
.layout-right {
  overflow: hidden;
  margin-top: 30%;
  flex: 1;
}
.layout-right .trl-type {
  display: flex;
  flex-direction: column;
}
.layout-right .trl-type .trl-base {
  position: relative;
  display: flex;
}
.layout-right .trl-type .trl-con {
  flex: 1;
}
.layout-right .trl-type .trl-con .trl-ul {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.layout-right .trl-type .trl-con .trl-ul .trl-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  flex-direction: column;
  justify-content: center;
  flex: 1;
  position: relative;
}
.layout-right .trl-type .trl-con .trl-ul .trl-item:hover {
  background-color: whitesmoke;
}
.layout-right .trl-type .trl-con .trl-ul .trl-item .rank-list {
  text-decoration: none;
  display: flex;
  padding: 0 0 5px 0;
}
.layout-right .trl-type .trl-con .trl-ul .trl-item .rank-list .rank-num {
  color: rgba(31, 30, 30, 0.12);
  font-size: 25px;
  font-weight: 900;
  padding-right: 10px;
  font-style: italic;
  line-height: 55px;
}
.layout-right .trl-type .trl-con .trl-ul .trl-item .rank-list .rank-content {
  margin-top: 10px;
}
.layout-right .trl-type .trl-con .trl-ul .trl-item .rank-list .rank-content span {
  color: black;
}
.layout-right .trl-type .trl-con .trl-ul .trl-item .rank-list .rank-content .rush {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.layout-right .trl-type .trl-con .trl-ul .trl-item .rank-list .rank-content .rush:hover {
  cursor: pointer;
  color: #16e067;
}
.layout-right .trl-type .trl-con .trl-ul .trl-item .rank-list .rank-content p {
  color: #999;
}
